<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <title>蜀道难</title>
  <style>
    body {
      line-height: 1.6;
      background-image: url('res/背景.jpg'); /* 设置背景图片 */
      background-size: cover; /* 使背景图片覆盖整个页面 */
      background-attachment: fixed; /* 使背景图片固定 */
      background-repeat: no-repeat; /* 防止背景图片重复 */
      background-position: center; /* 背景图片居中 */
      margin: 0;
      padding: 20px;
      color: #fff; /* 设置文本颜色与背景图片形成对比 */
    }
    h1, p {
      color: #000; /* 设置文本颜色 */
    }
    h1 {
      text-align: center;
      margin-bottom: 20px;
    }
    p {
      text-align: center;
      margin-bottom: 1em;
      text-indent: 2em;
    }
    img {
      display: block;
      margin: 20px auto;
      max-width: 100%;
      height: auto;
      border: 1px solid #ddd;
      border-radius: 4px;
    }
    .author {
      text-align: center;
      font-weight: bold;
    }
  </style>
</head>
<body>
<h1>蜀道难</h1>
<p class="author">
  <a href="https://baike.baidu.com/item/%E6%9D%8E%E7%99%BD/1043" target="_blank">（唐·李白）</a>
</p>
<p>噫吁嚱，危乎高哉！蜀道之难，难于上青天！</p>
<p>蚕丛及鱼凫，开国何茫然！</p>
<p>尔来四万八千岁，不与秦塞通人烟。</p>
<p>西当太白有鸟道，可以横绝峨眉巅。</p>
<p>地崩山摧壮士死，然后天梯石栈相钩连。</p>
<p>上有六龙回日之高标，下有冲波逆折之回川。</p>
<p>黄鹤之飞尚不得过，猿猱欲度愁攀援。</p>
<p>青泥何盘盘，百步九折萦岩峦。</p>
<img src="res/蜀道难.jpeg" alt="蜀道难">
<p>扪参历井仰胁息，以手抚膺坐长叹。</p>
<p>问君西游何时还？畏途巉岩不可攀。</p>
<p>但见悲鸟号古木，雄飞雌从绕林间。</p>
<p>又闻子规啼夜月，愁空山。</p>
<p>蜀道之难，难于上青天，使人听此凋朱颜。</p>
<p>连峰去天不盈尺，枯松倒挂倚绝壁。</p>
<p>飞湍瀑流争喧豗，砯崖转石万壑雷。</p>
<p>其险也如此，嗟尔远道之人胡为乎来哉！</p>
<p>剑阁峥嵘而崔嵬，一夫当关，万夫莫开。</p>
<p>所守或匪亲，化为狼与豺。</p>
<p>朝避猛虎，夕避长蛇。</p>
<p>磨牙吮血，杀人如麻。</p>
<p>锦城虽云乐，不如早还家。</p>
<p>蜀道之难，难于上青天，侧身西望长咨嗟</p>
<img src="res/蜀道难2.jpeg" alt="蜀道难">
</body>
</html>
